/* #box{
    width: 100%;height: 100%;
    background: hotpink;
} */
    /* calc(); */
.tou{
    width: 100%;height: 30px;
    background: #eaebec;
    margin-bottom: 20px;
}
.dao{
    width: 100%; height: 120px;
    margin-bottom: 20px;
}
.daobox1,.daobox2{
    background: #fff;
    height: 120px;
    border-radius: 5px;
    margin-left: 1%;
    float: left;
    box-sizing: border-box;
    padding: 10px 15px;
}
.daobox1{
    width: 33%;
}
.daobox2{
    width: 64%;
}
.minbox,.minbox1{
    width: 49%;height: 100%;
    border-radius: 5px;
    float: left;
    cursor: pointer;
    box-sizing: border-box;
    padding: 10px;
}
.minbox{
    margin-right: 2%;
    background: #ffa3a1;
}
.minbox1{
    background: #84d9d2;
}
.minbox2,.minbox3,.minbox4,.minbox5{
    width: 24%;
    height: 100%;
    border-radius: 5px;
    float: left;
    cursor: pointer;
    box-sizing: border-box;
    padding: 10px;
}
.minbox2{
    background: #87de75;
}
.minbox3{
    background: #a5e7f0;
    margin: 0 1%;
}
.minbox4{
    background: #93b7e3;
    margin-right: 1%;
}
.minbox5{
    background: #edafda;
}
.minli{
    width: 100%;height: 50%;
    font-size: 12px;
    color: #fff;
    box-sizing: border-box;
    padding: 10%;
}
.minh2{
    width: 100%;height: 50%;line-height: 50%;
    font-size: 12px;color: #fff;
    box-sizing: border-box;
    padding: 15%;
}
.minli1{
    font-size: 18px;float: left;color: #fff;
    margin-right: 5px;
}
.tiaoxing{
    width: 100%;height: 370px;
    background: #fff;
}
.shanxing{
    width: 100%;height: 300px;
    margin-bottom: 30px;
}
.shanxingbox,.zhexian,.leida{
    height: 100%;
    background: #fff;
    float: left;
    border-radius: 5px
}
.shanxingbox{
    width: 30%;
}
.zhexian{
    width: 38%;
    margin: 0 1%;
}
.leida{
    width: 30%;
}